@charset "utf-8";
/* CSS Document */
@import url("flexslider.css");
@import url("about.css");
@import url("social-icons-style.css");
@import url("rhinoslider-1.05.css");
/*
	Theme Name: Newwwind
	Theme URI: http://newwind.vn
	Author: Newwind
	Description: html page Newwwind. 
	Version: 1.0
	Designed & Developed by Kenny Tran for Newwind.vn
*/
body{font-family: 'Open Sans Condensed', sans-serif;background-color: #d4d6d7;background-repeat: no-repeat;background-position: center 0,center center;
color: #f4f4f4;	height: 4000px;}
::selection{}
a{	color: #f4f4f4;}
a:hover{	text-decoration: none;	color: #ed0c4c;}
h3{	color: #ff7157;}
p{	color: #666;	font-family: OpenSans_Regular;	font-size: 14px;}
ul{	list-style-type: none;	margin: 0;}
.container{	width: 1000px;}
.titles{	display: inline-block;text-align: center;	padding-top: 45px;text-transform: uppercase;font-size: 32px;padding-bottom: 14px;border-bottom: 4px dashed #47a5c3;width: 100%;}
.titles-white{	color: #f4f4f4;}
.sixteen h1, .sixteen h3, .smallFont, .smallBoldFont, .largeBoldFont, .largeFont, .mediumFont, .mediumBoldFont, .author{font-weight: 300;
font-family: 'Open Sans Condensed', sans-serif;line-height: 48px;margin: 0 0 6px;letter-spacing: -0.06em;}
.sixteen h1{font-size: 100px;
text-transform: uppercase;
position: relative;
letter-spacing: -2px;
text-align: left;
line-height: 1;
margin-bottom: 5px;
padding-top: 15px;
color: #222;
}
.sixteen.y h1{color: #ffce57}
.sixteen h1 span {
color: #ff7157;
font-size: 60px;
}
.sixteen h3{font-size: 22px;z-index: 999;
position: relative;
line-height: 1;
color: #555;}
.smallFont {
font-size: 26px;
font-weight: 300;
}
.smallBoldFont {
font-size: 26px;
font-weight: 700;
}
.largeBoldFont {
font-size: 46px;
font-weight: 700;
text-transform: uppercase;
}
.largeFont {
font-size: 46px;
text-transform: uppercase;
}
.mediumFont {
font-size: 34px;
text-transform: uppercase;
}
.mediumBoldFont {
font-size: 34px;
font-weight: 700;
text-transform: uppercase;
}
.author {
font-size: 16px;
font-weight: 300;
}
.mediumFont.w, .mediumBoldFont.w, .largeFont.w, .largeBoldFont.w{color: white;}
.mediumFont.y, .mediumBoldFont.y, .largeFont.y, .largeBoldFont.y{color: #17657f;}
/**** Typography ****/
@font-face {
	font-family: Static_Bold_Italic;
	src: url("../fonts/Static_Bold_Italic.otf") format("opentype");
}
@font-face {
	font-family: OpenSans_Regular;
	src: url("../fonts/OpenSans_Regular.ttf") format("truetype");
}
@import url(http://weloveiconfonts.com/api/?family=zocial);

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
/**** Head-Section ****/
#head-section{}
#main-title{text-align: center;	margin-top: 50px;}
#main-title a{font-size: 45px;}
#main-desc{	text-align: center;	color: #f4f4f4;	margin-top: 20px;font-style: italic;}
#head-section{background:url(../img/slide-m-bg.jpg) no-repeat;background-size: cover;	position: relative;	z-index: 10000;}
.line-bg-head-section {background:url(../img/head.png) no-repeat 50% bottom;height: 100%;
width: 523px;
position: absolute;
display: block;
z-index: -999;
bottom: 0px;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
right:0;}
#head-section .container{	height: 605px;	position: relative;	z-index: 3;}
.flexslider{background-color: transparent;border: none;margin-top: 150px;}
#slide-1{padding-bottom: 20px;}
#slide-1 h1{text-align: center;	color: rgb(255, 255, 255);text-align: center;	font-size: 57px;line-height: 70px;text-transform: uppercase;font-weight: 700;text-shadow: 1px 1px 1px #777;}
.slidedescription {font-family: "Courier New", Courier, monospace; font-size: 26px; line-height: 32px; font-weight: 300; padding-top: 14px; padding-bottom: 14px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; margin-top: 14px;text-align:center; }
.social-icons { position: absolute; overflow: hidden; width: 1000px;padding-top: 22px;}
.center {text-align: center;}
#slide-1 p{	color: #ED0C4C;	font-size: 24px;text-align: center;	margin-top: 60px;line-height: 30px;}
#btn-p{	font-size: 48px !important;	margin-top: 90px !important;}
#purchase-btn{	text-align: center;	padding: 18px 28px;	background-color: rgba(255, 255, 255, 0.2);	font-family: Helvetica Neue;
	font-weight: 600;	font-size: 16px;	color: #f4f4f4;	border-radius: 5px;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
}
#purchase-btn:hover{	background-color: #ED0C4C;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	-ms-transition-duration: 600ms
}
#slide-1 h3{	text-align: center;	color: #f4f4f4;	font-size: 38px;	font-family: OpenSans_Regular; 	margin-top: 40px;}
.app-content{	float: left;	width: 55%;	padding-left: 60px;}
#slide-2 p{	font-size: 15px;color: white;}
.image-wrapper{float: left;margin-right: 30px;width:45%;}
.image-wrapper{	width:190px;}
.image-wrapper.right{width: auto;float: right;top: 10px;
position: relative;}
.image-wrapper.s2{top:0;}
#slide-2 h3{	color: #f4f4f4;	font-size: 32px;	line-height: 50px;	text-shadow: 1px 1px 1px #777;}
.oneByOne_item .desrSlide{float: left;position: relative;
top: 100px;
left: 30px;}
.oneByOne_item span.txt1 {
clear: left;
position: relative;
float: left;
font-size: 24px;
background: #fff;
color: #3fa3c9;
padding: 6px 17px;
margin-bottom: 5px;
margin-left: 20px;
}
.oneByOne_item span.txt2{clear: left;
position: relative;
float: left;
margin: 0 0 5px 20px;
text-transform: uppercase;
text-shadow: #fff 0 1px 1px, #bfbfbf 0 2px 2px;
font-weight: bold;
font-size: 46px;
padding: 30px 20px;
background: #fff;
color: #3fa3c9;
}
.oneByOne_item span.txt3{clear: left;
position: relative;
float: left;
margin: 20px 0 0 20px;
width: 290px;
color: white;

}

/**** Services Section ****/
#navigation{	z-index: 9999;	position: relative;	width: 100%;	background:url(../img/header-background.png) top left repeat-x;	height:50px;box-shadow: 0px 1px 10px #999;
-webkit-box-shadow: 0px 1px 10px #222;
-moz-box-shadow: 0px 1px 10px #222;
-o-box-shadow: 0px 1px 10px #222;
-ms-box-shadow: 0px 1px 10px #222;}
#navigation ul{	width: 70%;	margin: 0 auto;}
#navigation ul#logo{margin-left: 0;display: inline;height: 50px;line-height: 50px;list-style: none;}
#navigation ul#logo li.logoImg{float: left;margin: 5px 0 0 0;padding-right: 69px;}
#navigation #menu li{	float: left;	text-align: center;	font-size: 16px;}
#navigation #menu li:last-child{	border-right: none;}
#navigation #menu li a{	color: #47a5c3;	font-size: 14px;font-weight: 400;height: 50px;line-height: 50px;padding: 0 15px;text-decoration: none;text-transform: uppercase;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
#navigation #menu li:hover {background: #ffce57 ;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out; /* Opera */}
#navigation #menu li a:hover{	color: #fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out; /* Opera */;}
#navigation .eLanguage, .vLanguage{display: block; position: absolute;top: 15px;}
#navigation .eLanguage{right:25px;}
#navigation .vLanguage{right:45px;}
#tinynav{	display: none;	}
#tinynav1{	width: 400px;	margin: 10px auto;	height: 33px;	display: none;}
.titles-ser{padding-top: 0;}
#services{padding-bottom: 60px;border-bottom: 1px solid #c5c5c5;z-index: 1;
background: #020202 url(../img/services_bg4.png) 50% 0 no-repeat fixed;
box-shadow: 0 2px 0 #ececec;
-webkit-box-shadow: 0 2px 0 #ececec;
-moz-box-shadow: 0 2px 0 #ececec;
-ms-box-shadow: 0 2px 0 #ececec;
-o-box-shadow: 0 2px 0 #ececec;
}
#services-desc{margin-top: 30px;text-align: center;}
.services{}
.services li{float: left;width:49%;margin-right: 2%;margin-top: 20px;background: white;position: relative;-moz-box-shadow: 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;}
.right-side{margin-right: 0 !important;}
.services li h4{margin: 0;padding: 10px 10px 5px 10px;}
.services li p{padding: 5px 0px 0 10px;font-size: 13px;}
.services li .line-title-ser {height: 1px;width: 50px;background:#47a5c3;position: absolute;left: 10px;}
.services li h4 a{color: #ff7157;}
.services li h4 a:hover{color:#47a5c3}
.service-img{float: right;padding-left: 10px;}
/**** Works Section ****/
.works-wrapper{padding-bottom: 60px;border-bottom: 1px solid #e4e4e4;
background: #020202 url(../img/bg_home.gif);
box-shadow: 0 -1px 0 #ececec inset;
-webkit-box-shadow: 0 -1px 0 #ececec inset;
-moz-box-shadow: 0 -1px 0 #ececec inset;
-ms-box-shadow: 0 -1px 0 #ececec inset;
-o-box-shadow: 0 -1px 0 #ececec inset;}
#works-desc{margin-top: 30px;width: 100%;	text-align: center;}
.backgroundWork{background: url(../img/womana.png) no-repeat top right;
height: 1293px;
width: 100%;
position: absolute;
display: block;}
.ourHolder{margin: 0;margin-bottom: 70px;}
ul#filterOptions {	width: 56%;	margin: 30px auto;overflow:hidden;}
ul#filterOptions li {height: 52px; margin-right: 2px; display:inline-block;float: left; }
ul#filterOptions li a {	padding: 0 20px;	background:#47a5c3;	color: #f4f4f4;	line-height: 40px;	text-decoration: none;	display: block;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
ul#filterOptions li a:hover {	background: #ffce57;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
ul#filterOptions li.active a { background: #ff7157;
 	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms; 
}
.gallery-item{float: left;margin-right: 0.5%;margin-bottom: 0.5%;position: relative;}
.gallery-item img {border: 3px solid #fff;
padding: 0px;
box-shadow: 0px 0px 3px #999;}
.gallery-item:hover .overlay-works{	opacity: 1;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
}
.overlay-works{	background-color: rgba(0,0,0, .8);	background-image: url('../img/plus.png');	background-repeat: no-repeat;	background-position: center;	position: absolute;	top:0;	width:98%;
	height: 98%;	z-index: 2;	opacity: 0;
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-ms-transition-duration: 250ms;
	border: 3px solid #fff;
padding: 0px;
box-shadow: 0px 0px 3px #999;
}

/**** Quote Section ****/
.quote{	height: 300px;
	background: url(../img/quote.jpg) fixed center no-repeat;
	background-size: cover;
	box-shadow: inset 0 0 14px #222;
	-webkit-box-shadow: inset 0 0 14px #222;
	-moz-box-shadow: inset 0 0 14px #222;
	-o-box-shadow: inset 0 0 14px #222;
	-ms-box-shadow: inset 0 0 14px #222;
}
.quote h3{	color: #f4f4f4;	margin-top: 95px;	text-shadow: 1px 1px 2px #222;	text-align: center;}
/**** News Section ****/
.news{padding-bottom: 100px;
background-repeat: repeat;
background-position: left top;
background-attachment: fixed;
background-image: url(../img/about-manufacture-1.png) no-repeat;
}
.news .container{padding-bottom: 50px;}
#news-desc{	color: #fff;margin-top: 30px;text-align: center;}


/**** About Section ****/
.about{color: #999;background: #f5f5f5;padding-bottom: 60px;background: #f1f1f1 url(../img/jobs_bg.jpg) 50% 0 no-repeat fixed;}
.about .container .line-about-intro{border: none;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #fff;margin: 30px 0;}
#about-desc{color: #666;;	margin-top: 30px;text-align: center;}
.about .container p{margin-bottom: 20px;padding-right: 50px;color: #999;}
.about .container h4{color: #666;font-style: italic;margin: 10px 0;font-weight: 300;text-transform: none;}

/**** Google Map Section ****/
.gmap{	height: 320px;	position: relative;
	-webkit-filter: grayscale(40%);
	-o-filter: grayscale(40%);
	-ms-filter: grayscale(40%);
	-moz-filter: grayscale(40%);
}
.gmap-frame{	border: none;	position: absolute;	top:0;	width:100%;	height: 100%;}
/**** Contact Section ****/
.contact{
background: url(../img/bg_about.gif) repeat;	
padding-bottom: 50px;	position: relative;	z-index: 9;box-shadow: 0px 10px 10px #999;
-webkit-box-shadow: 0px 10px 15px #222;
-moz-box-shadow: 0px 10px 15px #222;
-o-box-shadow: 0px 10px 15px #222;
-ms-box-shadow: 0px 10px 15px #222;}
.contact-desc{	width: 48%;	float: left;	margin-right: 2%;	margin-top: 40px;}
.contact-form-holder{	width:50%;	float: left;	margin-top: 50px;}
.contact-desc h4{margin-bottom: 30px;font-family: opensans_regular;}
.contact-desc p{color: #eee;}
form{	margin: 0 !important;}
#contact-form{	display: inline;}
input::-webkit-input-placeholder {    color:#f4f4f4;    text-indent: 5px;}
input:-moz-placeholder {    color:#f4f4f4;    text-indent: 5px;}
input:-ms-input-placeholder {    color:#f4f4f4;    text-indent: 5px;}
textarea::-webkit-input-placeholder {    color:#f4f4f4;}
textarea:-moz-placeholder {    color:#f4f4f4;}
textarea:-ms-input-placeholder {    color:#f4f4f4;}
#contact-form input[type='text'], #message{	background-color: rgba(255,255,255,0.2);	border: none;	border-radius: 1px;	text-indent: 5px;}
#name{	float: left;	width:45%;	margin-right: 11px;	height: 35px;}
#email{	width:44%;	height: 35px;}
#subject{	width:94% !important;	height: 35px;}
#send-btn{	width: 150px;	height: 45px;	font-size: 18px;	font-weight: 500;	border-radius: 4px;	border: none;	color: #f4f4f4;	margin-top: 4px;	background-color: #ED0C4C;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
#send-btn:hover{	background-color: rgba(255,255,255,0.2);	text-decoration: none;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
#message{	width: 94%;	max-width: 94%;	height: 130px;	max-height: 200px;	margin-bottom: 5px;	margin-right: 4px;}
.success{	margin-left: 10px;	float: left;	height: 15px;	color: rgba(238,26,65,1);	display: none;	margin-top: 15px;}
/**** Social Icons ****/
.contact-desc .social{	width:200px;	float: left;	margin-top: 10px;	margin-right: 5px;}
.contact-desc ul li a{	width:35px;	height: 35px;	background-color:rgba(117,117,117,0.1);	margin-right: 4px;	float: left;	background-repeat: no-repeat;	background-size: 25px;
	outline: 0;	border-radius: 20px;	background-position: center center;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
.contact-desc ul li a:hover{	background-color: #ED0C4C;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
.contact-desc ul li{
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
.contact-desc ul li:last-child{	margin-right: 0;}
li.facebook a{	background-image: url('../img/icons/pace/facebook.png');}
li.twitter a{	background-image: url('../img/icons/pace/twitter.png');}
li.behance a{	background-image: url('../img/icons/pace/vimeo.png');}
li.dribbble a{	background-image: url('../img/icons/pace/dribbble.png');}
li.linkedin a{	background-image: url('../img/icons/pace/linkedin.png');}
/**** Footer Section ****/
.footer{	background-color: #383636;background:url(../img/background2.jpg)}
#cp-text{	margin-top: 40px;	margin-bottom: 40px;	color: #f4f4f4;	text-align: center;}
#cp-text a{	color: #f4f4f4;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
#cp-text a:hover{	color: #ED0C4C;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
}
/********************
Persistent Nav
********************/
	.persistentNav {
		width: 250px;
		z-index:999;
		position: fixed;
		right: -209px;
		top:50%;	
		margin-top: -245px;
		-webkit-transition: ease 0.3s;  
	    -moz-transition: ease 0.3s;  
	    -o-transition: ease 0.3s;  
	    -ms-transition: ease 0.3s;  
	    transition: ease 0.3s; 
	    background-color: rgba(0, 0, 0, 0.9);
	}
	
	
		.persistentNav:hover {
		right: 0px;
	}
	
	
	.persistentNav ul {list-style-type: none; position: absolute; }
	
	.persistentNav ul li {list-style-type: none; overflow: hidden; zoom: 1;}
	
	.persistentNav ul li a{
		font-family: 'Open Sans Condensed', sans-serif;
		text-decoration: none;
		overflow: hidden; zoom: 1;
		font-size:16px;
		}
	
	
	
	.leftNav li a{
		color: #fff;
		font-family: 'Open Sans Condensed', sans-serif;
		background-color: #ff7157;
		width: 239px;
		height: 24px;
		padding-right: 9px;
		padding-top: 15px;
		display: block;
		border-bottom: 1px solid rgb(199, 72, 13);
		border-left: 1px solid rgb(252, 76, 8);
		letter-spacing: 0.10em;
		font-size: 13px;
		text-align: right;
		overflow: hidden;
		zoom: 1;
		
		-webkit-transition: ease 0.3s;  
	    -moz-transition: ease 0.3s;  
	    -o-transition: ease 0.3s;  
	    -ms-transition: ease 0.3s;  
	    transition: ease 0.3s; 
	}
	.leftNav li a span {
		padding: 0px 0px 0px 0px;
		margin: -11px 3px;
		background: rgb(253, 253, 253);
		float: left;
		text-align: center;
		
		-webkit-transition: ease 0.3s;  
	    -moz-transition: ease 0.3s;  
	    -o-transition: ease 0.3s;  
	    -ms-transition: ease 0.3s;  
	    transition: ease 0.3s; 
	}
	
	.leftNav li a:hover {
		color: #fff;
		background-color: #47a5c3;
	}
	
	.leftNav li a:hover span {
		color: #c60b22;
		background: #ff7157;
	}
	
	.leftNav .social {
	height: 24px;
	background: #000;
	}
	
	/*.leftNav li.facebookSlide{
		background-color: #47a5c3;
		width: 266px;
		height: 24px;
		padding-left: 24px;
		padding-top: 15px;
		display: block;
		border-bottom: 1px solid rgb(199, 72, 13);
		border-right: 1px solid rgb(252, 76, 8);
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 12px;
		text-align: left;
		
		-webkit-transition: ease 0.3s;  
	    -moz-transition: ease 0.3s;  
	    -o-transition: ease 0.3s;  
	    -ms-transition: ease 0.3s;  
	    transition: ease 0.3s; 
	}
		
	.leftNav li.facebookSlide span	{
		background-color: rgba(0, 0, 0, 1);
		font-family: 'entypo';
		font-size: 16px;
		padding: 8px 10px 21px 10px;
		font-weight: 200;
		border-left: 1px solid #222;
		float: right;
		text-align: center;
		width: 18px;
		height: 10px;
		margin-top: -15px;
		color: #fff;
		
		-webkit-transition: ease 0.3s;  
	    -moz-transition: ease 0.3s;  
	    -o-transition: ease 0.3s;  
	    -ms-transition: ease 0.3s;  
	    transition: ease 0.3s; 

	}
	.leftNav li.facebookSlide:hover span {
		background-color: rgba(59,89,152, 1);
	}	
	.leftNav li.facebookSlide:hover {
		background-color: rgba(59,89,152, 0.9);
	}
	.leftNav li.facebookSlide iframe{
		position: absolute;
		bottom: 50px;
		left: 22px;
	}*/
	

/**** Media queries ****/
@media only screen and (max-width: 1490px) {
	
	#navigation{background: url(../img/header-background.png) -245px 0 repeat-x;}
	
}

@media only screen and (max-width: 1366px) {
	
	#navigation{background: url(../img/header-background.png) -282px 0 repeat-x;}
	
}
@media only screen and (max-width: 1280px) {
	
	#navigation{background: url(../img/header-background.png) -321px 0 repeat-x;}
	
}
@media only screen and (max-width: 1024px) {
	
	#navigation{background: url(../img/header-background.png) -430px 0 repeat-x;}
	#timeline .node.left .entry {left: -460px;}
	#timeline .node.right .entry {left: 56px;}
	 #investors {margin: 0;width: 99%;}
.rhino-container{width: 100% !important;height: 400px !important;}
 #investors .cartoons {text-align: left;}

}
@media only screen and (max-width: 940px) {
	.container{		width:100%;	}
	.ourHolder{		margin-left: 3%;	}
	.gallery-item{		margin-right: 1%;		margin-bottom: 1%;	}
	#navigation ul{		width: 70%;		margin: 0 auto;	}
	.services li {width: 95%;margin-right: 0;}
	#timeline .middle{width: 100%;left: 0;position: relative;}
 #timeline .line{position: absolute;left: 50%;height: 3360px;}
#timeline .node.left .entry {left: 19%;position: relative;}
 #timeline .node.n15 {	margin-top: 50px;
}
#timeline .node.n14, #timeline .node.n13, #timeline .node.n11, #timeline .node.n10, #timeline .node.n9, #timeline .node.n8, #timeline .node.n7, #timeline .node.n6,
 #timeline .node.n5, #timeline .node.n3, #timeline .node.n4, #timeline .node.n2, #timeline .node.n1{
	margin-top: 50px;
}
#timeline .node.n12 {	margin-top: 100px;}
#timeline .marker {display: initial;}
 #timeline .node.right .entry {position: relative;left: 19%;}
 #timeline .middle .year{position: relative;left: 47%;}
 #timeline .middle .year.eleventh{top: -777px;position: relative;margin: 0;}
 #timeline .middle .year.tenth{top: -1510px;position: relative;margin: 0;}
 #investors {margin: 0;width: 99%;}
.rhino-container{width: 100% !important;height: 400px !important;}
 #investors .cartoons {text-align: left;}
#timeline .entry .orange_arrow, #timeline .entry .bcolor_arrow, #timeline .entry .white_arrow, #timeline .entry .yellow_arrow 
{width: 0px;height: 0px;	background: none;}

}
@media only screen and (max-width: 855px) {
	#navigation ul{		width: 80%;		margin: 0 auto;	}
}
@media only screen and (max-width: 768px){
	.flexslider{		margin-top: 110px;	}
	.gallery-item{		margin-right: 12%;		margin-bottom: 8%;	}
	.services li {width: 95%;margin-right: 0;}
	.about ul{		margin-left: 10%;	}
	.about ul li{		margin-right: 10%;		margin-bottom: 20px;	}
	.news .container ul li{		width: 70%;		margin-right: 1%;	}
	.social-staff ul li{		margin-right: 0;		margin-bottom: 0 !important;	}
	.contact-desc{		width:80%;		margin-left: 8%;	}
	.contact-form-holder{		width:80%;		margin-left: 8%;	}
	#email{		width:45%;	}
	#timeline .middle{width: 100%;left: 0;position: relative;}
 #timeline .line{position: absolute;left: 50%;height: 3360px;}
#timeline .node.left .entry {left: 19%;position: relative;}
 #timeline .node.n15 {	margin-top: 50px;
}
#timeline .node.n14, #timeline .node.n13, #timeline .node.n11, #timeline .node.n10, #timeline .node.n9, #timeline .node.n8, #timeline .node.n7, #timeline .node.n6,
 #timeline .node.n5, #timeline .node.n3, #timeline .node.n4, #timeline .node.n2, #timeline .node.n1{
	margin-top: 50px;
}
#timeline .node.n12 {	margin-top: 100px;}
#timeline .marker {display: initial;}
 #timeline .node.right .entry {position: relative;left: 19%;}
 #timeline .middle .year{position: relative;left: 47%;}
 #timeline .middle .year.eleventh{top: -777px;position: relative;margin: 0;}
 #timeline .middle .year.tenth{top: -1510px;position: relative;margin: 0;}
 #investors {margin: 0;width: 99%;}
.rhino-container{width: 100% !important;height: 400px !important;}
 #investors .cartoons {text-align: left;}
#timeline .entry .orange_arrow, #timeline .entry .bcolor_arrow, #timeline .entry .white_arrow, #timeline .entry .yellow_arrow 
{width: 0px;height: 0px;	background: none;}

}
@media only screen and (max-width: 767px){
	#menu{				display: none;	}
	#tinynav1{		display: block;		}
	#tinynav1{width:333px;}
}
@media only screen and (max-width: 700px){
	.services li{		width: 70%;		margin-right: 0;	}
	.gallery-item{		margin-right: 1%;		margin-bottom: 1%;	}
}
@media only screen and (max-width: 610px){
	.app-content{		width:98%;	padding-left: 20px;	text-align: center;	}
	.image-wrapper{		display: none;}
}
@media only screen and (max-width: 550px){	ul#filterOptions{	width: 80%;	}
	.news .container ul li{		width: 90%;	}
}
@media only screen and (max-width: 480px){
	.services li{		width: 95%;		margin-right: 0;	}
	ul#filterOptions{		width: 95%;	}
 #timeline .middle{width: 100%;left: 0;position: relative;}
 #timeline .line{position: absolute;left: 50%;height: 3360px;}
#timeline .node.left .entry {left: 0;position: relative;}
 #timeline .node.n15 {	margin-top: 50px;
}
#timeline .node.n14, #timeline .node.n13, #timeline .node.n11, #timeline .node.n10, #timeline .node.n9, #timeline .node.n8, #timeline .node.n7, #timeline .node.n6,
 #timeline .node.n5, #timeline .node.n3, #timeline .node.n4, #timeline .node.n2, #timeline .node.n1{
	margin-top: 50px;
}
#timeline .node.n12 {	margin-top: 100px;}
 #timeline .node.right .entry {position: relative;left: 0;}
 #timeline .middle .year{position: relative;left: 45%;}
 #timeline .middle .year.eleventh{top: -777px;position: relative;margin: 0;}
 #timeline .middle .year.tenth{top: -1510px;position: relative;margin: 0;}
 #investors {margin: 0;width: 100%;}
.rhino-container{width: 100% !important;height: 400px !important;}
 #investors .cartoons {text-align: left;}
#timeline .entry .orange_arrow, #timeline .entry .bcolor_arrow, #timeline .entry .white_arrow, #timeline .entry .yellow_arrow 
{width: 0px;height: 0px;	background: none;}
}